import { defineComponent } from 'vue'

import { useState } from '../../utils/hooks/useState'

import { props } from './props'

import './index.scss'

export default defineComponent({
  name: 'Login',
  props,
  setup(props) {
    const [value, setValue] = useState<number>(0)
    console.log(props.type)

    return () => {
      return (
        <div>
          login
          <p>{value.value}</p>
          <button onClick={() => setValue(2)}>change</button>
        </div>
      )
    }
  },
})
